<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>寒假</title>
		<link rel="stylesheet" type="text/css" href="swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="animate.min.css" />
		<link media="(min-width: 415px)" href="pc.css" type="text/css" rel="stylesheet" />
		<link media="(max-width: 414px)" href="mobile.css" type="text/css" rel="stylesheet" />
	</head>
	<body>
		<header class="back-img">
			<a href="tel:400-855-2262" class="mobile-style play-phone">
			</a>
			<div class="content-box">
				<div class="form-box flex-box">
					<div class="right">
						<div class="left-box">
							<div class="title center-box">
								<span>免费</span>领体验课
							</div>
							<div class="submin-title center-box">
								体验课+学习计划+学习资料+学科测评=价值<span>599¥</span>
							</div>
							<div class="daojishi">
								<div class="shengyu">
									<span></span>
									活动仅剩最后
									<span></span>
								</div>
								<div class="time-box">
									<span id="shi">00</span>
									时
									<span id="fen">09</span>
									分
									<span id="miao">06</span>
									秒
								</div>
							</div>
						</div>
						<div class="right-box form-container">
							<div class="input-box flex-box user">
								<span></span>
								<input id="pc-head-name" class="input-style" type="text" placeholder="学生姓名（已加密）">
							</div>
							<div class="input-box flex-box user phone">
								<span></span>
								<input id="pc-head-phone" class="input-style" type="text" placeholder="家长电话（已加密）">
							</div>
							<div class="btn center-box back-img">
								立刻获取课程报价
							</div>
							<p class="mianfei">请填写真实有效信息，我们将电话回访;</p>
						</div>
					</div>
				</div>
			</div>
		</header>

		<div class="sesion-one">
			<div class="content-box">
				<div class="title-box">
					<div>孩子是否存在以下问题？如何<span>针对性解决？</span></div>
					<p>“旧问题”还未解决，“新问题”又出现</p>
				</div>
				<div class="annoyance-content flex-box">
					<div>
						<img src="pc/annoyance/1.jpg" alt="">
						<p class="annoyance-title flex-box"><span>题</span>一看就会，一做就错</p>
						<p>优化学习方法，擅用错题本</p>
					</div>
					<div>
						<img src="pc/annoyance/2.jpg" alt="">
						<p class="annoyance-title flex-box"><span>玩</span>贪玩厌学，容易走神</p>
						<p>培养学习兴趣，打造趣味课堂</p>
					</div>
					<div>
						<img src="pc/annoyance/3.jpg" alt="">
						<p class="annoyance-title flex-box"><span>差</span>成绩中差，跟不上去</p>
						<p>巩固基础，找出薄弱知识点，高效学习</p>
					</div>
					<div>
						<img src="pc/annoyance/4.jpg" alt="">
						<p class="annoyance-title flex-box"><span>偏</span>偏科严重，提分困难</p>
						<p>培养弱科兴趣，趣味教学，补齐短板</p>
					</div>
				</div>
				<div class="btn-box" onclick="xunwenClick()">
					咨询名师1对1解决困惑
				</div>
			</div>
		</div>

		<div class="guodutiao back-img"></div>

		<div class="cc mobile-style back-img"></div>

		<div id="sesion-two" class="sesion-two">
			<div class="content-box">
				<div class="title-box">
					<div>好成绩，从严选<span>好老师</span>开始</div>
					<p>教学经验丰富，深谙学生心理，针对性辅导，单科平均提分30+</p>
				</div>
				<div class="flex-box">
					<div class="teacher-banner-prev swiper-button-prev back-img"></div>
					<div class="choose-content">
						<div class="choose-teacher flex-box back-img pc-style">
						</div>
						<div class="teacher-banner">
							<div id="teacher-banner" class="swiper-container">
								<div class="swiper-wrapper">
								</div>
							</div>
						</div>
					</div>
					<div class="teacher-banner-next swiper-button-next back-img"></div>
				</div>
				<div class="shuju mobile-style back-img"></div>
				<div class="btn-box" onclick="xunwenClick()">
					一线名师 抢先预约
				</div>
			</div>
		</div>

		<div id="sesion-three" class="sesion-three back-img">
			<div class="content-box">
				<div class="title-box">
					<div>辅导效果立竿见影，<span>成绩涨幅</span>看得见</div>
					<p>了解每位学生状态，针对性辅导，学得舒心家长放心！</p>
				</div>
				<div class="material-box flex-box">
					<img class="pc-style" src="pc/material/zhaopianqiang.png">
					<img class="mobile-style" src="mobile/material/6.png">
				</div>
				<div class="btn-box" onclick="xunwenClick()">
					了解更多提分案例
				</div>
			</div>
		</div>

		<div class="sesion-five">
			<div class="sesion-five-content">
				<div class="title-box pc-style">
					<div>名师荟高效<span>课程体系</span></div>
					<p>教学经验丰富，深谙学生心理，针对性辅导，单科平均提分30+</p>
				</div>
				<div class="title-box mobile-style">
					<div>名师荟高效<span>课程体系</span></div>
					<p>从小学到高中，各年级课程全覆盖</p>
				</div>
				<div class="tabs-one">
					<span class="active" data="0">小学段</span>
					<span data="1">小初衔接</span>
					<span data="2">初中段</span>
					<span data="3">初高衔接</span>
					<span data="4">高中段</span>
				</div>
				<div class="tabs-two pc-style">
					<span class="active">语文</span>
				</div>
				<div class="project-abstract back-img pc-style">
					<div>课程概要<p class="line"></p>
					</div>
					<ul id="project_system" class="flex-box">

					</ul>
				</div>

				<div class="mobile-style project-abstract">
					<div class="project-title">开设科目<p class="line"></p>
					</div>
					<div class="tabs-two">
						<span class="active">语文</span>
					</div>
					<div class="project-title">课程概要<p class="line"></p>
					</div>
					<ul id="project_system">

					</ul>
				</div>

				<div class="btn-box" onclick="xunwenClick()">
					咨询课程
				</div>
			</div>
		</div>

		<div id="sesion-four" class="sesion-four">
			<div class="sesion-four-content-box back-img">
				<div class="title-box">
					<div>灵活选择班型，<span>量身定制</span>提分</div>
					<p>高效趣味课堂，有效提分事半功倍</p>
				</div>

				<div class="pc-style sesion-four-container flex-box">
					<div>
						<img src="pc/class/1.jpg">
						<p class="title">1对1个性化辅导</p>
						<p class="line"></p>
						<p>量身定制专属辅导方案</p>
						<ul>
							<li>上课时间灵活</li>
							<li>针对性强 助力提升</li>
							<li>全程一对一跟踪辅导</li>
							<li>教学团队5对1服务</li>
						</ul>
						<span class="button-box" onclick="xunwenClick()">预约试听&gt;</span>
					</div>
					<div>
						<img src="pc/class/2.jpg">
						<p class="title">精品小班3-8人</p>
						<p class="line"></p>
						<p>精选培优课程，同步辅导夯实基础</p>
						<ul>
							<li>几人课堂 优势互补提升</li>
							<li>加强知识理解与渗透理解</li>
							<li>趣味互动课堂 不枯燥</li>
							<li>提升自发解决难题的能力</li>
						</ul>
						<span class="button-box" onclick="xunwenClick()">预约试听&gt;</span>
					</div>
					<div>
						<img src="pc/class/3.jpg">
						<p class="title">大师中班9-15人</p>
						<p class="line"></p>
						<p>结合课标，抓重难点内容</p>
						<ul>
							<li>一线名师教学 全科进阶教学</li>
							<li>学习方法讲解 解题技巧传授</li>
							<li>梳理知识脉络 重点难点突破</li>
							<li>集训冲刺训练 押题高效复习</li>
						</ul>
						<span class="button-box" onclick="xunwenClick()">预约试听&gt;</span>
					</div>
				</div>

				<div class="mobile-style sesion-four-container flex-box">
					<div class="flex-box">
						<div class="image back-img">
							<p class="title">1对1个性化辅导</p>
						</div>
						<div class="sesion-four-content">
							<p>量身定制专属辅导方案</p>
							<ul>
								<li>上课时间灵活</li>
								<li>针对性强 助力提升</li>
								<li>全程一对一跟踪辅导</li>
								<li>教学团队5对1服务</li>
							</ul>
							<span class="button-box" onclick="xunwenClick()">预约试听&gt;</span>
						</div>
					</div>

					<div class="flex-box">
						<div class="sesion-four-content sesion-four-second">
							<p>精选培优课程，辅导夯实基础</p>
							<ul>
								<li>几人课堂 优势互补提升</li>
								<li>加强知识理解与渗透理解</li>
								<li>趣味互动课堂 不枯燥</li>
								<li>提升自发解决难题的能力</li>
							</ul>
							<span class="button-box" onclick="xunwenClick()">预约试听&gt;</span>
						</div>
						<div class="image back-img">
							<p class="title">精品小班3-8人</p>
						</div>
					</div>

					<div class="flex-box">
						<div class="image back-img three">
							<p class="title">大师中班9-15人</p>
						</div>
						<div class="sesion-four-content">
							<p>结合课标，抓重难点内容</p>
							<ul>
								<li>一线名师教学 全科进阶教学</li>
								<li>学习方法讲解 解题技巧传授</li>
								<li>梳理知识脉络 重点难点突破</li>
								<li>集训冲刺训练 押题高效复习</li>
							</ul>
							<span class="button-box" onclick="xunwenClick()">预约试听&gt;</span>
						</div>
					</div>

				</div>

				<div class="btn-box">
					<a class="mobile-style" href="tel:400-855-2262">
						电话预约试听 400-855-2262
					</a>
					<a class="pc-style" onclick="xunwenClick()">电话预约试听 400-855-2262</a>
				</div>
			</div>
		</div>

		<div id="sesion-sevent" class="sesion-sevent">
			<div class="content-box center-box">
				<div class="title-box">
					<div>环境舒适合理，<span>学习氛围</span>浓厚</div>
					<p>校区干净明亮、桌椅科学设计，孩子学得舒心，家长放心</p>
				</div>
				<img class="pc-style" src="pc/static/huanjing.jpg" alt="">
				<div class="back-img mobile-style"></div>
				<div class="btn-box" onclick="xunwenClick()">
					预约到校 实地考察
				</div>
			</div>
		</div>

		<div class="customized mobile-style">
			<div class="title-box">
				<div>各学科<span>定制提分</span>，哪里需要“补”哪里</div>
			</div>
			<span class="left-box back-img"></span>
			<div class="customized-content back-img"></div>
			<span class="right-box back-img"></span>
		</div>

		<div class="sesion-eight back-img">
			<div class="content-box">
				<div class="title-box">
					<div>各学科<span>定制提分</span>，哪里需要“补”哪里</div>
				</div>
				<div class="form-box">
					<div class="left-box flex-box">
						<div class="left-box-left">
							<div class="xiaoxue back-img"></div>
							<div class="chuzhong back-img"></div>
						</div>
						<div class="left-box-right back-img"></div>
					</div>
					<div class="form-container">
						<div class="title center-box pc-style">
							更多知识点专项定制，填写下方表单预约
						</div>
						<p>预约定制课</p>
						<div class="input-form flex-box">

							<div class="input-box flex-box user">
								<span></span>
								<input id="name-two" class="input-style" type="text" placeholder="学生姓名（已加密）">
							</div>

							<div class="flex-box dro">
								<div id="pc-grade" class="flex-box">
									<div class="project">请选择年级阶段</div>
									<p></p>
									<ul id="pc-grade-two-menu" class="dropdown-menu">
										<li>小学段</li>
										<li>小初衔接</li>
										<li>初中段</li>
										<li>初高衔接</li>
										<li>高中段</li>
									</ul>
								</div>
							</div>

							<div class="input-box flex-box user phone">
								<span></span>
								<input id="phone-two" class="input-style" type="text" placeholder="家长电话（已加密）">
							</div>

							<div class="flex-box dro">
								<div id="pc-project-two" class="flex-box">
									<div class="project">请选择薄弱科目</div>
									<p></p>
									<ul id="pc-project-two-menu" class="dropdown-menu">
										<li>数学</li>
										<li>语文</li>
										<li>英语</li>
										<li>历史</li>
										<li>化学</li>
									</ul>
								</div>
							</div>

						</div>
						<div class="btn center-box back-img">
							立即提交
						</div>
						<p class="mianfei">请填写真实有效信息，我们将电话回访；</p>

						<div id="guangbo-div" class="bottom-box flex-box">
							<img class="pc-style" src="pc/header/guangbo.png" alt="">
							<div id="guangbo-banner" class="guangbo-banner swiper-no-swiping swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide">
										<p><span class="mobile-style">张**</span>151****5611<span>51分钟前</span></p>
									</div>
									<div class="swiper-slide">
										<p><span class="mobile-style">王**</span>131****5231<span>52分钟前</span></p>
									</div>
									<div class="swiper-slide">
										<p><span class="mobile-style">曾**</span>131****5278<span>59分钟前</span></p>
									</div>
									<div class="swiper-slide">
										<p><span class="mobile-style">吴**</span>131****5255<span>57分钟前</span></p>
									</div>
									<div class="swiper-slide">
										<p><span class="mobile-style">魏**</span>131****5223<span>55分钟前</span></p>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>

		<footer>
			<div class="back-img"></div>
			<div class="content-box">
				<div class="flex-box">
					<input id="student-name" type="text" placeholder="学生姓名">
					<input id="phone-three" type="text" placeholder="电话号码">
					<div class="btn">立即提交</div>
				</div>
			</div>
		</footer>

		<div class="company-info">
			<div class="content-box mobile-style back-img"></div>
			<div class="content-box pc-style">
				www.mshjy.cn 成都市武侯区名师荟西教育培训学校有限责任公司 All Rights Reserved | TEL：
				400-855-2262/
				028-62418348
				<br>
				蜀ICP备19013313号
			</div>
		</div>
		<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
		<script src="swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="swiper.animate1.0.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="index.js"></script>
	</body>
</html>
